草庐IT

前端 PM

全部标签

vite跨域配置踩坑,postman链接后端接口正常,但是前端就是不能正常访问

问题一:怎么都链接不了后端地址根据以下配置,发现怎么都链接不了后端地址,proxy对了呀。 仔细看,才发现host有问题//本地运行配置,及反向代理配置server:{host:'0,0,0,0',port:80,//cors:true,//默认启用并允许任何源//open:true,//在服务器启动时自动在浏览器中打开应用程序//反向代理配置,注意rewrite写法,开始没看文档在这里踩了坑proxy:{//本地开发环境通过代理实现跨域,生产环境使用nginx转发'/api':{target:'http://localhost/8090',//通过代理接口访问实际地址。这里是实际访问的地址。

Vue-前端化工程入门,第一个vue-cli程序

第一个vue-cli程序的准备工作 什么是vue-cli?vue-cli是官方提供的一个脚手架工具,用于快速生成一个vue项目模板。预先定义好的目录结构和代码,就好比咱们在创建maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,有利于我们更加快速的开发。环境准备(所涉及到的命令都在命令控制板中输入):第一步:下载Node.js官网下载根据自己的电脑配置需求,无脑下一步就好了;官网地址:Node.js下载好了可以在命令控制板中验证一下node-v检测node.js的版本npm-v检测npm的版本第二步:安装node.js淘宝镜像// -g就是全局安装npminstallcnpm-g

Vue + Element UI 实现权限管理系统 前端篇(十四):菜单功能实现菜

Vue+ElementUI实现权限管理系统前端篇(十四):菜单功能实现 菜单功能实现菜单接口封装菜单管理是一个对菜单树结构的增删改查操作。提供一个菜单查询接口,查询整颗菜单树形结构。http/modules/menu.js添加 findMenuTree接口。importaxiosfrom'../axios'/**菜单管理模块*///保存exportconstsave=(data)=>{returnaxios({url:'/menu/save',method:'post',data})}//删除exportconstbatchDelete=(data)=>{returnaxios({url:'/

Vue3 - vite 引入本地图片方法,页面引入本地静态资源图像详细教程,解决 UI 前端组件库的图片属性无法使用本地图像问题(无论是本地开发还是打包部署,本地图片的路径正常可用)

前言在webpack中通常用require()来引入静态图片,但在vite中这种方法就不行了。本文实现了在vue3+vite项目开发中,实现引入本地图片(静态资源),并且build打包后依然正常运行,支持普通标签使用,也支持UI组件库的各种“图片属性”当参数进行使用。如下图所示,按照步骤进行操作,保证100%成功引入和运行。实现代码

前端高级面试题-安全相关

1XSS跨⽹站指令码(英语:Cross-sitescripting,通常简称为:XSS)是⼀种⽹站应⽤程式的安全漏洞攻击,是代码注⼊的⼀种。它允许恶意使⽤者将程式码注⼊到⽹⻚上,其他使⽤者在观看⽹⻚时就会受到影响。这类攻击通常包含了HTML以及使⽤者端脚本语⾔XSS分为三种:反射型,存储型和DOM-based如何攻击XSS通过修改HTML节点或者执⾏JS代码来攻击⽹站。例如通过URL获取某些参数!--http://www.domain.com?name=script>alert(1)/script>-->div>{{name}}/div>上述URL输⼊可能会将HTML改为alert(1),这样

Jenkins自动拉取SVN源代码构建打包vue前端项目

目录1.功能需求2.安装插件2.1安装NodeJS插件2.2 安装SVN插件3.配置环境3.1 NodeJS环境4.新建任务配置部署信息4.1 源代码管理4.2 构建触发器4.3 构建环境 4.4 构建步骤5.构建项目 5.1 点击查看控制台日志1.功能需求使用Jenkins从SVN上拉取Vue项目进行自动构建打包。如果需要发布到其他服务器上,可以配合使用PublishOverSSH插件来完成,本文章这部分不做描述。当前环境系统环境CentOS7.3Jenkins版本是Version2.400,部署在docker环境NodeJS版本v18.16.0,通过Jenkins自动安装。npm版本9.5

前端 鱼骨图 elenemt ui

展示图代码template>div>divclass="fishbone":style="{height:`calc((${topChiderH}+${topChiderH})+33px)`}">divclass="top-box">divclass="flex-items"ref="topChilderen":style="{height:topChiderH}">templatev-for="(item,index)inleftArr">ulclass="itme-childeren"v-if="item.i%2":key="index":class="active>=item.i?'bo

微软最热门的10款前端开源项目!

本文来盘点微软开源的十大前端项目,这些项目在Github上获得了超过45万Star!VisualStudioCodeVisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言,如C、C++、C#、Python、JavaScript和TypeScript等,并提供丰富的插件生态系统来扩展功能。VSCode具有丰富的编辑功能,包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git版本控制工具和丰富的主题和扩展插件,能够满足开发者的各种需求。Github(151k⭐️):https://github.com/microsoft/vscodeTy

【独立版】智创云享知识付费小程序V2_2.3.13知识付费小程序,含前端和资源库

应用介绍【独立版】智创云享知识付费小程序V2_2.3.13知识付费小程序,含前端和资源库!智创云享知识付费系统是一款基于ThinkPHP6框架开发的虚拟资源知识付费小程序,为广大创业者、自媒体及培训机构提供知识付费、内容付费、资源变现等领域的行业解决方案;全场景内容付费应用,多渠道营销推广方式、多种资源类型:付费文章、网盘资源、视频资源、音频课程、视频课程、卡密资源,轻松实现站点资源内容全方位运营变现。适用范围智创云享知识付费、知识付费、知识付费小程序、付费阅读、付费阅读小程序运行环境微擎+PHP+MYSQL+小程序功能截图     

前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。本文给大家介绍的一款组件是:前端Vue自定义轮播图视频播放组件仿京东商品详情轮